<template>
  <div>
    <div>{{ obj }}</div>
    <button @click="add">普通方法</button> &nbsp;
    <button @click="addSet">$set方法</button>
  </div>
</template>

<script>
export default {
  name: 'setCom',
  data() {
    return {
      a: 1,
      obj: {
        a: 1
      }
    };
  },
  methods: {
    add() {
      this.obj.b = 2;
      // this.$forceUpdate();
      console.log('普通方法: ', this.obj);
    },
    addSet() {
      this.$set(this.obj, 'c', this.a++);
      console.log('set: ',this.obj);
    }
  }
};
</script>